<!DOCTYPE html>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>Raxan - The Rich Ajax Application Framework</title>
    <link href="raxan/styles/master.css" rel="stylesheet" type="text/css" />
    <!--[if IE]><link rel="stylesheet" href="raxan/styles/master.ie.css" type="text/css"><![endif]-->
    <link href="docs/style.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .version {color:maroon }
        h2 img {vertical-align:middle}
        img.header {display:block}
        .color-header, .noteworthy h3 {color:#0B8FE3}
        li { list-style:url(docs/images/listbullet.png) disc; }
    </style>
    <link href="docs/highlight/styles/default.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="docs/highlight/highlight.js"></script>
    <script type="text/javascript">
        hljs.initHighlightingOnLoad('javascript','html','php');
    </script>

</head>

<body>
   <div class="container c48 prepend-top">
        <h2 class="bottom">Raxan Framework</h2>
        <div class="navbar">
            <div class="lf"><div class="rt"><div class="md">
                <ul>
                    <li><a href="index.html" title="The Rich Ajax, CSS &amp; PHP Framework" >Home</a></li>
                    <li><a href="docs/index.html" title="User Guide" >User Guide</a></li>
                    <li><a href="php-examples/index.php" title="PHP Examples" >PHP Examples</a></li>
                    <li><a href="css-examples/index.html" title="User Guide" >CSS Examples</a></li>
                </ul>
            </div></div></div>
        </div>
        <div class="prepend1 append1">
            <div class="right prepend-top">
                <img class="header" src="docs/images/raxan-bubbles.png" width="300" alt="Raxan Framework" />
                <div class="version pad" align="right">Raxan Version: 1.0 Beta 3</div>
            </div>
            <a href="php-examples/example.php?id=inventory" title="Click to view Demo"><img class="header" src="docs/images/phone-inv.png" alt="Build Web Applications with Raxan" /></a>
            <div class="hlf-pad" style="color:teal">Start Building Ajax Applications Today...</div>
            <hr />

            <div class="column c15 colborder">
                <h2><img src="docs/images/bag.gif" /> What's included:</h2>
                <ul>
                    <li><a href="docs/index.html">Raxan User Guide</a></li>
                    <li>The jQuery Library</li>
                    <li>jQuery Tools & Interactive Libraries</li>
                    <li>PHP &amp; CSS Framework</li>
                    <li>Examples - <a href="css-examples/index.html"><strong>CSS</strong></a> and <a href="php-examples/index.php" title=" A web server running PHP 5.1 or higher is required"><strong>PHP</strong></a><sup>1</sup></li>
                    <li>HTML Templates</li>
                </ul>

                <p><sup>1</sup> - A web server running PHP5 is required. See <a href="docs/requirements.html">Software Requirements</a></p>

                <hr />
                <div>
                    <strong>Quick Links</strong>
                    <blockquote>
                        <a href="docs/index.html">Raxan User Guide</a><br />
                        <a href="docs/credits.html">Credits/Acknowledgements</a><br />
                        <a href="http://raxanpdi.com/pdi-overview.html">Online Documentation</a><br />
                        <a href="http://raxanpdi.com/examples.html">Online Examples</a><br />
                        <a href="http://raxanpdi.com/forum">Online Community Forum</a><br />
                    </blockquote>
                </div>

                <div class="tpb tpm" align="center"><a href="http://twitter.com/raxanpdi" title="Follow the Development of Raxan PDI on twitter" target="_blank"><img src="docs/images/twitter.gif" alt="Follow me on twitter" width="150" /></a></div>
                <div class="pad tpb tpm" align="center"><a href="http://raxanpdi.com/subscribe.html" title="Get News and Updates" target="_blank"><img src="docs/images/rss.png" alt="Subscribe" width="33" style="vertical-align:middle" />&nbsp;Subscribe to RSS Feed</a></div>
            </div>
            <div class="column c26 prepend1 noteworthy">

                <h2 class="bmm">Before you <span class="color-header">Begin...</span></h2>
                <p>PHP examples require a web server running PHP 5.1 or higher. Before running the examples you will need to create a gateway config file or copy the &quot;pdi-examples/gateway.config.php&quot; file to the &quot;raxan/pdi/&quot; folder. The Contact List and ShoutBox examples will require the necessary permissions to read/write to the pdi-examples in order to create/update the SQLite database.</p>

                <h2><img src="docs/images/signal.gif" /> What's New and Noteworthy:</h2>

                <a class="right ltm" href="php-examples/index.php" title="PHP Examples" ><img src="docs/images/try-examples.gif" alt="PHP Examples" /></a>

                <p>Raxan Beta 3 makes it a lot easier to building rich web applications. In this release we have made a lot of changes to the API to make it easier to build applications and website.</p>

                <h3>New Class Names</h3>

                <p>We have renamed and added a few new classes and methods in order to make the framework a lot more flexible and extensible:</p>

                <ul>
                <li>Raxan</li>
                <li>RaxanBase</li>
                <li>RaxanClientExtension</li>
                <li>RaxanClientVariable</li>
                <li>RaxanDataSanitizer</li>
                <li>RaxanDataStorage</li>
                <li>RaxanDateTime</li>
                <li>RaxanDOMDocument</li>
                <li>RaxanElement</li>
                <li>RaxanPDO</li>
                <li>RaxanPlugin</li>
                <li>RaxanSessionStorage</li>
                <li>RaxanSysEvent</li>
                <li>RaxanUIElement</li>
                <li>RaxanWebPage</li>
                <li>RaxanWebPageEvent</li>
                <li>RaxanWebPageStorage</li>
                </ul>

                <p>To use the old class name you can include the raxan/pdi/shared/deprecated.classes.php file inside you application.</p>

                <h3>Page Auto-Start</h3>

                <p>The new Page Auto-Start feature makes it possible for Raxan to automatically detect and initialize your page class. All you have to do is to include the raxan/pdi/autostart/.php file at the top of your web page:</p>

<pre><code>&lt;?php require_once("raxan/pdi/autostart.php"); ?&gt;

&lt;?php

    class MyWebPage extends RaxanWebPage {
        protected function _load() {
            // some code here
        }
    }

?&gt;
</code></pre>

                <p>And if you don't want to use the Auto-Start feature then you can resort to doing things the old way by including the gateway.php file and calling RaxanWebPage::Init('PageClassName');</p>

                <h4>Embedded HTML content</h4>

                <p>With the Auto-Start feature we have also made it a lot easier for developers to embedded html content inside a web page:</p>

<pre><code>&lt;?php require_once("raxan/pdi/autostart.php"); ?&gt;

&lt;p&gt;You can add HTML your content here!&lt;/p&gt;

&lt;?php

    class MyWebPage extends RaxanWebPage {
        protected function _load() {
            // some code here
        }
    }

?&gt;
</code></pre>

                <p>Or include the html content from a separate file:</p>

<pre><code>&lt;?php

    require_once("raxan/pdi/autostart.php");

    include_once "myhtmlcontent.html";

    class MyWebPage extends RaxanWebPage {
        protected function _load() {
            // some code here
        }
    }

?&gt;
</code></pre>

                <h3>Direct Element Access</h3>

                <p>Gain quick access to html elements from a web page by using the element's id ($this->elementId):</p>

<pre><code>&lt;?php require_once("raxan/pdi/autostart.php"); ?&gt;

&lt;div id="myid"&gt;&lt;/div&gt;

&lt;?php

    class MyWebPage extends RaxanWebPage {
        protected function _load() {
            $this-&gt;myid-&gt;text('Hello World');
        }
    }

?&gt;
</code></pre>

                <h3>Inline Event Binding</h3>

                <ul>
                <li>Less coding required to bind an event to a method on the page</li>
                <li>Supports Synchronous and Asynchronous Post Backs</li>
                </ul>

                <h3>State Management</h3>

                <ul>
                <li>Preserves element state</li>
                <li>State can be Local or Global</li>
                </ul>

                <h3>Ajax Auto Update</h3>

                <ul>
                <li>Automatically update modified elements via Ajax callback</li>
                <li>Periodically update one or more elements on a web page</li>

                </ul>

                <p>See <a href="connecting-dots.html#timeout">Timeout Events</a> for more information.</p>

                <h3>Master Template</h3>

                <ul>
                <li>Maintain consistent Look and Feel across pages</li>
                <li>Easily change the design of a web page without modifying its content</li>
                <li>Build reusable theme for web sites and applications</li>

                </ul>

                <h3>Other changes</h3>

                <ul>
                <li>Degradable Web Pages - supports degradable Ajax forms</li>
                <li>New event driven Plugin Architecture</li>
                <li>New Data Storage API for Page and Session data</li>
                <li>Several minor bug fixes</li>
                </ul>

                <p>For more information on what was change see the <a href="docs/changelog.html">Change Log</a></p>

                <h3 class="bmm" style="color:teal">Try the Examples...</h3>
                <p><a href="php-examples/index.php">Visit the Raxan for PHP Examples</a> web page - A web server running PHP 5.1 or higher is required</p>

            </div>
            <hr class="clear space" />

        </div>
        <div class="tpb pad">
            <div class="right">
                <a href="index.html" class="quiet">Home</a>  | <a href="docs/table-of-contents.html" class="quiet">User Guide</a>
            </div>
            <div class="medium" align="left">The Rich Ajax Application Framework. Visit <a href="http://raxanpdi.com">http://raxanpdi.com</a></div>
        </div>
    </div>

</body>

</html>